<template>
    <section class="product-all-commend-mian base-main">
      <!--评论类型-->
      <div class="comment-type bgcFFF">
        <p class="line-bottom">
          <span class="fs14 all-type inline-block" @click="">全部 348</span>
          <span class="fs14 color45454D inline-block">有图 348</span>
          <span class="fs14 color45454D inline-block">好评 348</span>
          <span class="fs14 color45454D inline-block">中评 348</span>
          <span class="fs14 color45454D inline-block">差评 348</span>
        </p>
      </div>
      <!--评论类型-->

      <div class="commend-box mt10">
        <div class="title">
          <img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2182456489,602002755&fm=173&app=49&f=JPEG?w=218&h=146&s=2FEDEF06DF7470805C6A62600300707F" alt="">
          <div class="user-msg inline-block pr">
            <p class="fs15 color45454D">绝对正义的买家</p>
            <p class="fs12 color999AA3">2018-04-28</p>
            <van-rate
              class="star pa"
              v-model="value"
              color="#7E82F6"
              void-color="#EFEEEB"
              void-icon="star"
              :size="15"
              readonly
            />
          </div>
        </div>
        <!--评论文字-->
        <p class="comment-text fs14 color45454D">{{content}}</p>
        <!--评论文字-->

        <!--图片-->
        <p class="comment-img">
          <span v-for="(src,num) in imgList" :key="num">
            <img :src="src" alt="">
          </span>
        </p>
        <!--图片-->
        <p class="model fs12 color999AA3">无敌七彩色</p>
      </div>


    </section>
</template>

<script type="text/ecmascript-6">
  export default {
    data() {
      return {
        value: 5,
        content: '这里是评论文字这里是评论文字这里是评论文字这里是评论文字这里是评论文字这里是评论文字这里是评论文字这里是评论文字',
        imgList: [
          'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2182456489,602002755&fm=173&app=49&f=JPEG?w=218&h=146&s=2FEDEF06DF7470805C6A62600300707F',
          'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2182456489,602002755&fm=173&app=49&f=JPEG?w=218&h=146&s=2FEDEF06DF7470805C6A62600300707F',
          'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2182456489,602002755&fm=173&app=49&f=JPEG?w=218&h=146&s=2FEDEF06DF7470805C6A62600300707F',
          'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2182456489,602002755&fm=173&app=49&f=JPEG?w=218&h=146&s=2FEDEF06DF7470805C6A62600300707F',
        ],
      }
    },
    created(){
      this.$nextTick(function()  {
        $('.comment-img span').css('height',$('.comment-img span').width())
      })
    },
    methods: {

    },
  }
</script>

<style scoped lang="scss">
  @import '../../assets/css/productAllCommend.scss';
</style>
